button{
    border:1px solid transparent;
    color:white;
    box-shadow: 0 7px 0 #bbbbbb;
    border-radius:10px;
    width:280px;
    height:100px;
    margin:8px;
    transition-property: all;
    transition-duration: .3s;
    font-size:30px;
}
button:active{
    box-shadow:inset 0 10px 0 1px rgba(0,0,0,0.2),
    inset 0 10px 0 0 rgba(0,0,0,0.3),0 3px 0 #d8dbdb,0 3px 6px rgba(255, 255, 255, 0.9);
    color:gray;
}


.YanHao1{
    background-color:#2fa994;
}
.YanHao2{
    background-color:#009679;
}
.YanHao3{
    background-color:#065d4a;
}
.YanHao4{
    background-color:#93d1cc;
}
.YanHao5{
    background-color:#f0cd01;
}
.YanHao6{
    background-color:#cca800;
}
.YanHao7{
    background-color:#32497d;
}
.YanHao8{
    background-color:#e7d887;
}
.YanHao9{
    background-color:#656889;
}
.YanHao10{
    background-color:#907c03;
}
.YanHao11{
    background-color:#17263b;
}
.YanHao12{
    background-color:#abb2cc;
}
.YanHao13{
    background-color:#ff232f;
}
.YanHao14{
    background-color:#c91016;
}
.YanHao15{
    background-color:#860907;
}
.YanHao16{
    background-color:#ee8e92;
}

